<!DOCTYPE html>
<html lang="cn">

<head>
  <meta charset="UTF-8">
  <title>TodoList</title>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- 引入组件库 -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <style>

  </style>
</head>

<body>


  <div id="app">
    <header class="header">
      <h1>记事本</h1>
      <input autofocus="autofocus" autocomplete="off" placeholder="请输入任务" class="new-todo" />
    </header>

    <ul>
      <li v-for="item in list">{{item}}</li>
      <!-- <todo-item v-bind:content="value"
      :index='key'
      v-for="(value,key) in list" @delete="handleItemDelete"></todo-item> -->
  </ul>
    <section class="main"></section>

    <footer class="footer"></footer>

    <footer class="info"></footer>
  </div>


  <script>
    var app = new Vue({
      el: '#app',
      data: {
        list: ['第一课1', '第二课2'],
        inputValue: '',
      },
    })
  </script>


</body>

</html>